<template>
	<div class="GameDetailsJifen">
		<template v-if='LeagueTable.length > 0'>
			<div class="table">
				<table>
					<tr>
						<th>排名</th>
						<th>球队</th>
						<th>胜</th>
						<th>平</th>
						<th>负</th>
						<th>得</th>
						<th>失</th>
						<th>净</th>
						<th>积分</th>
					</tr>
					<tr v-for='(item,index) in LeagueTable' :class='item.is_home?"hover":item.is_away?"hover":""'>
						<td><span class="block">{{ index+1 }}</span></td>
						<td>{{ item.name }} </td>
						<td>{{ item.win }} </td>
						<td>{{ item.draw }} </td>
						<td>{{ item.lose }} </td>
						<td>{{ item.goal }} </td>
						<td>{{ item.losegoal }} </td>
						<td>{{ item.goaldiff }} </td>
						<td>{{ item.point }} </td>

					</tr>
				</table>
			</div>
		</template>
		<div v-else class="noData">暂无数据！</div>
	</div>
</template>
<script>
import axios from 'axios'
import { Toast,Indicator  } from 'mint-ui'
export default {
	name: 'GameDetailsJifen',
	props:{
		LeagueTable:Array
    },
	data: function(){
		return {
		}
	},
	computed:{

	},
	methods:{
	},
};
</script>

<style lang="less" scoped>
	@import '~styles/varibles.less';
	table{
		.hover{
			td{
				color: @greenColor;
			}
			.block{
				display: inline-block;
				width: .4rem;
				text-align: center;
				background-color:@greenColor;
				color: #fff;
			}
		}
	}

</style>